﻿@charset "utf-8";

.mui-content > .loading {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	z-index: 999;
}
.mui-content > .loading i {
	font-size: 1.6rem;
	color: #089def;
	top: 50%;
	margin-left: -.64em;
}

/* 视频分享 */
.mui-content .mainVideo .video {
	width: 100%;
	overflow: hidden;
}
.mui-content .mainVideo .pic {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.mui-content .mainVideo .cover,
.mui-content .mainPicture .cover,
.mui-content .mainArticle .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,.5);
}
.mui-content .mainVideo .cover .mui-btn,
.mui-content .mainPicture .cover .mui-btn,
.mui-content .mainArticle .cover .mui-btn {
	padding:.2rem .6rem;
	font-size: .6rem;
	color: #fff;
	margin-top: 20%;
	border:1px solid rgba(0, 122, 255, .7);
	background: rgba(0, 122, 255, .7);
	border-radius: .2rem;
}
.mui-content .mainArticle .cover .mui-btn {
	margin-top: 15%;
}
.mui-content .mainVideo .cover .text,
.mui-content .mainPicture .cover .text,
.mui-content .mainArticle .cover .text {
	padding:0 2rem;
	font-size: .5rem;
	color: #eaeaea;
	margin-bottom: 0;
}
.mui-content .videoMsg {
	padding:4% 4% 6%;
}
.mui-content .videoMsg .videoTitle {
	font-size: .8rem;
	line-height: 1.4;
	margin:0 0 .15rem 0;
}
.mui-content .videoMsg .msg {
	color: #b6b6b6;
	font-size: .5rem;
	line-height: 1;
	margin-bottom: .3rem;
}
.mui-content .videoMsg .msg .tips {
	margin-left: .3rem;
	color: #b6b6b6;
}
.mui-content .videoMsg .msg .tips i {
	font-size: .6rem;
	margin-right: .15rem;
}
.mui-content .videoMsg .description {
	font-size: .6rem;
	line-height: 1.4;
	color: #393939;
}
.mui-content .SY-main .liveTime {
	bottom: .3rem;
	right: .8rem;
	font-size: 10px;
	color: #fff;
	margin:0;
	z-index: 999;
}
.mui-content .SY-main .liveTime span {
	font-size: 12px;
	font-weight: 700;
	color: #e45c5c;
}

/* 文章分享 */
.mui-content .mainArticle .article {
	width: 100%;
	overflow: hidden;
}
.mui-content .mainArticle .pic {
	width: 100%;
	height: 0;
	padding-bottom: 40%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.mui-content .articleMsg {
	padding:4% 4% 6%;
}
.mui-content .articleMsg .articleTitle {
	font-size: .8rem;
	line-height: 1.4;
	margin:0 0 .15rem 0;
}
.mui-content .articleMsg .msg {
	color: #b6b6b6;
	font-size: .5rem;
	line-height: 1;
	margin-bottom: .3rem;
}
.mui-content .articleMsg .msg .tips {
	margin-left: .3rem;
	color: #b6b6b6;
}
.mui-content .articleMsg .msg .tips i {
	font-size: .6rem;
	margin-right: .15rem;
}
.mui-content .articleMsg .description {
	font-size: .6rem;
	line-height: 1.4;
	color: #393939;
}

/* 图片分享 */
.mui-content .mainPicture .pictureList {
	width: 100%;
	overflow: hidden;
}
.mui-content .mainPicture .pic,
.mui-content .mainPicture .defaultPic {
	width: 100%;
}
.mui-content .mainPicture .pic img,
.mui-content .mainPicture .defaultPic img {
	width: 100%;
	height: 100%;
}
.mui-content .pictureMsg {
	padding:4% 4% 6%;
}
.mui-content .pictureMsg .pictureTitle {
	font-size: .8rem;
	line-height: 1.4;
	margin:0 0 .15rem 0;
}
.mui-content .pictureMsg .msg {
	color: #b6b6b6;
	font-size: .5rem;
	line-height: 1;
	margin-bottom: .3rem;
}
.mui-content .pictureMsg .msg .tips {
	margin-left: .3rem;
	color: #b6b6b6;
}
.mui-content .pictureMsg .msg .tips i {
	font-size: .6rem;
	margin-right: .15rem;
}
.mui-content .pictureMsg .description {
	font-size: .6rem;
	line-height: 1.4;
	color: #393939;
}
